body{font-family:"\5FAE\8F6F\96C5\9ED1",Helvetica, Arial, sans-serif;padding:0px;margin:0px;background-color: #000; overflow-x: hidden;}
/* **************** CONTENT OBJECTS ***************** */
/* ====== Default spacing ====== */
h1, h2, h3, h4, h5, h6, ul, ol,dl, p,blockquote {padding:0px;margin:0px;}
h1, h2, h3, h4, h5, h6,img{}
pre{margin: 10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl,
ul h1,ul h2,ul h3, ul h4, ul h5, ul h6, ul p, ul ul, ul ol, ul dl,
ol h1,ol h2,ol h3, ol h4, ol h5, ol h6, ol p, ol ul, ol ol, ol dl {padding:0;}
/* ====== Elements ====== */
img{display:block;border:none;}
em{font-style: italic;}
strong{font-weight:bold;}
hr{border: 5px solid #e2e2e2; border-width: 0 0 5px 0; margin: 20px 10px 10px 10px;}
ul,li,dl,dt,dd,ol{ list-style:none;margin:0px;padding:0px;}
code{color:#0B8C8F;}
/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, .h1{font-size:196%;  font-weight:normal; font-style: normal; color:#333;}
h2, .h2{font-size:167%; font-weight:normal; font-style: normal; color:#333;}
h3, .h3{font-size:146.5%; font-weight:normal; font-style: normal; color:#333;}
h4, .h4{font-size:123.1%; font-weight:normal; font-style: normal; color: #333;}
h5, .h5{font-size:108%; font-weight:bold; font-style: normal; color:#333;}
h6, .h6{font-size:108%; font-weight:normal;  font-style: italic; color:#333;}
/* if additional headings are needed they should be created via additional classes, never via location dependant styling */
.category{font-size:108%; font-weight:normal; font-style: normal; text-transform:uppercase; color: #333;}
.category a{color: #333;}
.important a{font-weight:bold;}
/* links */
a { color: #006FBB; text-decoration: none }
/* ====== Lists ======*/
/* numbered list */
ol.simpleList li{list-style-type: decimal; margin-left:40px;}
/* standard list */
ul.simpleList li{list-style-type:disc; margin-left:40px;}
/* ====== Tables ====== */
.data{padding: 20px; position:relative; zoom:1;vertical-align: top;border-right:solid 1px transparent;/* border fixes a FF2 bug which causes the data table to overlay its borders*/}
.data table {width:100%;}
th, td{vertical-align:top;}
.text_align{text-align:center;}
.txtC, .data .txtC td, .data .txtC th{text-align:center;}
.txtL, .data .txtL td, .data .txtL th{text-align:left;}
.txtR, .data .txtR td, .data .txtR th{text-align:right;}
.txtT, .data .txtT td, .data .txtT th{vertical-align:top;}
.txtB, .data .txtB td, .data .txtB th{vertical-align:bottom;}
.txtM, .data .txtM td, .data .txtM th{vertical-align:middle;}
.data th,.data td{padding:3px 20px}
.data thead tr{background-color: #fff0f8;}
.data th{color: #000; font-weight:bold}
/* specification table - extends data table */
.spec{padding:10px;}
.spec table{border-top: 1px solid #e2e2e2; border-bottom-color:#fff; border-left:none; border-right:none;}
.spec th, .spec td{border:1px solid #e2e2e2; border-width: 1px 0; padding-left:0;}
.spec .odd, .spec .even{background-color: #fff;}
/* ====== blockquote ====== */
cite{display:block; text-align:right; padding-top: 10px;}
/* ====== callout ====== */
.callout{font-size:189%;color:#999999; font-style:italic;}
.callout cite{display:block; text-align:right;padding-top: 30px; font-size:69.25%;}
.callout span.quot{font-size: 500%; vertical-align: sub; color:#e2e2e2; line-height:25px; font-weight:bold;}
.callout span.quotLast{vertical-align:middle;}
/* ====== image treatments (get more from jason santa maria) ====== */
.caption{font-size:13px; color:#666666; font-style:italic;padding-top:0;}

.mg_auto{ margin:auto;}
.mg_m{ margin:10px;}
.mg_l_m{ margin-left:10px;}
.mg_r_m{ margin-right:10px;}
.mg_t_m{ margin-top:10px;}
.mg_b_m{ margin-bottom:10px;}
.mg_h_m{ margin-left:10px; margin-right:10px;}
.mg_v_m{ margin-top:10px; margin-bottom:10px;}
.mg_l{ margin:20px;}
.mg_l_l{ margin-left:20px;}
.mg_r_l{ margin-right:20px;}
.mg_t_l{ margin-top:20px;}
.mg_b_l{ margin-bottom:20px;}
.mg_h_l{ margin-left:20px; margin-right:20px;}
.mg_v_l{ margin-top:20px; margin-bottom:20px;}

.pd_m{ padding:10px;}
.pd_l_m{ padding-left:10px;}
.pd_r_m{ padding-right:10px;}
.pd_t_m{ padding-top:10px;}
.pd_b_m{ padding-bottom:10px;}
.pd_h_m{ padding-left:10px; padding-right:10px;}
.pd_v_m{ padding-top:10px; padding-bottom:10px;}
.pd_l{ padding:20px;}
.pd_l_l{ padding-left:20px;}
.pd_r_l{ padding-right:20px;}
.pd_t_l{ padding-top:20px;}
.pd_b_l{ padding-bottom:20px;}
.pd_h_l{ padding-left:20px; padding-right:20px;}
.pd_v_l{ padding-top:20px; padding-bottom:20px;}

.left{ float:left; display:inline;}
.right{ float:right; display:inline;}
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom: 1; }
.clear{clear:both;}
.clear_left{clear:left;}
.clear_right{clear:right;}

/* **************** GRIDS ***************** */
.line, .lastUnit {overflow: hidden;_overflow:visible;_zoom:1; }
.unit{float:left;_zoom:1;}
.unitExt{float:right;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.size9of10{width:90%;}
.size19of20{width:95%;}
.lastUnit {float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}
/* extending grids to allow a unit that takes the width of its content */
.media{width:auto;}


/*main*/
.main_menu{width: 110px;height: 175px;left: 11px;top:205px;position: fixed;z-index: 1000;}
.menu_area ul li{width: 110px;height: 35px;cursor: pointer;}
.menu_area ul li a{width: 110px;height: 35px;display: block;}
.no1{background: url("../images/menu_img.png") 0 0 no-repeat;}
.no2{background: url("../images/menu_img.png") 0 -35px no-repeat;}
.no3{background: url("../images/menu_img.png") 0 -70px no-repeat;}
.no4{background: url("../images/menu_img.png") 0 -105px no-repeat;}
.no5{background: url("../images/menu_img.png") 0 -140px no-repeat;}
.no6{background: url("../images/menu_img.png") 0 -175px no-repeat;}
.no7{background: url("../images/menu_img.png") 0 -210px no-repeat;}
.no1:hover{background: url("../images/menu_img.png") -110px 0 no-repeat;}
.no2:hover{background: url("../images/menu_img.png") -110px -35px no-repeat;}
.no3:hover{background: url("../images/menu_img.png") -110px -70px no-repeat;}
.no4:hover{background: url("../images/menu_img.png") -110px -105px no-repeat;}
.no5:hover{background: url("../images/menu_img.png") -110px -140px no-repeat;}
.no6:hover{background: url("../images/menu_img.png") -110px -175px no-repeat;}
.no7:hover{background: url("../images/menu_img.png") -110px -210px no-repeat;}
.no1.active{background: url("../images/menu_img.png") -110px 0 no-repeat;}
.no2.active{background: url("../images/menu_img.png") -110px -35px no-repeat;}
.no3.active{background: url("../images/menu_img.png") -110px -70px no-repeat;}
.no4.active{background: url("../images/menu_img.png") -110px -105px no-repeat;}
.no5.active{background: url("../images/menu_img.png") -110px -140px no-repeat;}
.no6.active{background: url("../images/menu_img.png") -110px -175px no-repeat;}
.no7.active{background: url("../images/menu_img.png") -110px -210px no-repeat;}


.pg_mainas{margin-left: -320px;width: 1920px;height: 650px;}
.pg_mainas_last{margin-left: -320px;width: 1920px;height: 473px;}
#cdas_main{width: 1280px;position: relative;margin: 0 auto;}
.logo_top{width: 212px;position: absolute;right: 0px;top: 0px;cursor: pointer;}
.logo_bottom{width: 100%;position: absolute;bottom: 0px;left: 0px;height: 83px;z-index: 99;}
.logo_bottom_l{width: 170px;position: absolute;left: 0px;bottom: 0px;cursor: pointer;}
.logo_bottom_r{width: 227px;position: absolute;right: 0px;bottom: 0px;cursor: pointer;}

.pg1{}
.pg2{position: relative;background: url("../images/pc_img2.jpg") no-repeat;}
.pg2 .map_area{width: 665px;height: 570px;position: absolute;left: 857px;top: 35px;}
.pg2 .map_title{width: 526px;height: 188px;margin: 0 auto 20px;}
.pg3{position: relative;background: url("../images/pc_img3.jpg") no-repeat;}
.pg3 .vijp_area{width: 656px;height: 590px;position: absolute;left: 471px;top: 0px;}
.pg3 .vijp_title{width: 422px;height: 134px;margin: 0 auto 10px;}
.vijp_left{width: 57px;height: 70px;top: 310px;position: absolute;left: 0px;z-index: 999;display: none;}
.vijp_right{width: 57px;height: 70px;top: 310px;position: absolute;right: 0px;z-index: 999;display: none;}
.vijp_area_main{width: 619px;height: 388px;margin-left: 18px;}
.video_area{cursor: pointer;}
.jpg_area{display: none;}
.vijp_change_but{width: 398px;height: 40px;background: url("../images/pg2_nav.png") 0 -40px no-repeat;margin: 10px auto 0;}
.vijp_change_but.on{background: url("../images/pg2_nav.png") 0 0 no-repeat;}
.video_opbut,.jpg_opbut{width: 50%;height: 40px;display: block;cursor: pointer;}
.video_opbut{float: left;display: none;}
.jpg_opbut{float: right;}

.pg4{position: relative;background: url("../images/pc_img6.jpg") no-repeat;}
.pg4 .stk_area{width: 656px;height: 520px;position: absolute;left: 655px;top: 66px;}
.pg4 .stk_area_main{width: 619px;height: 388px;margin-left: 18px;}
.pg4 .stk_title{width: 213px;height: 66px;margin: 0 auto 10px;}
.stk_left{width: 57px;height: 70px;top: 264px;position: absolute;left: 0px;z-index: 999;}
.stk_right{width: 57px;height: 70px;top: 264px;position: absolute;right: 0px;z-index: 999;}

.pg5{position: relative;background: url("../images/pc_img7.jpg") no-repeat;}
.pg5 .form_area{width: 445px;height: 325px;position: absolute;left: 759px;top: 45px;}
.pg5 .form_title{width: 445px;height: 103px;margin: 0 auto 10px;}

.pg_add2{position: relative;background: url("../images/pc_img4.jpg") no-repeat;}
.pg_add2 .config_area{width: 1015px;position: absolute;left: 535px;top: 9px;}
.pg_add2 .config_title{width: 210px;height: 66px;margin: 0 0 20px 638px;}
.pg_add2 .config_main{width: 100%;}
.config_left{width: 224px;float: left;height: 129px;background: url("../images/config_nav.png") 0 0 no-repeat;position: relative;}
.pt1_con{width: 224px;left: 0px;top: 0px;cursor: pointer;position: absolute;height: 56px;display: none;}
.pt2_con{width: 224px;left: 0px;bottom: 0px;cursor: pointer;position: absolute;height: 56px;}
.config_left.on{background: url("../images/config_nav.png") -224px 0 no-repeat;}
.config_right{width: 755px;float: right;height: 478px;}



.pg_add{position: relative;background: url("../images/pc_img5.jpg") no-repeat;}
.pg_add .news_area{width: 438px;position: absolute;left: 1042px;top: 49px;}
.pg_add .news_title{width: 210px;height: 66px;margin: 0 auto 40px;}
.pg_add .news_main{}
.pg_add .news_main ul li{border-bottom: 1px solid #3b382e;padding: 30px 0;}
.pg_add .news_main ul li a{font-size: 22px;text-align: center;color: #000;text-decoration: none;display: block;}

.name_tx,.mobile_tx,.jxs_tx1,.jxs_tx2{width: 92px;height: 26px;line-height: 26px;font-size: 14px;color: #fff;text-align: right;margin-right: 10px;}
.fl_left{float: left;}
.hrdp{margin-bottom: 8px;}
.submit_but{width: 174px;margin: 0 auto;cursor: pointer;}


.video_bkbg{
    width: 800px;
    height: 450px;
    background-color: #000;
}

.map_tc{
    left: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 100%;
    height: 350px;
}
.map_tc .slider {
    width: 100%;
    height: 275px;
}

.map_tc .slider .item {
    float: left;
    width: 100%;
    height: 275px;
    padding: 0;
}
.map_tc .iosSliderButtons {
    position: absolute;
    bottom: 17px;
    left: 0px;
    width: 100%;
    height: 10px;
}
.map_tc .center_area{
    width: 80px;
    height: 100%;
    left: 292px;
    position: absolute;
}
.center_area .button {
    float: left;
    width: 10px;
    height: 10px;
    background: #706441;
    margin-right: 20px;
    border: 1px solid #706441;
    -moz-border-radius: 7px;      /* Gecko browsers */
    -webkit-border-radius: 7px;   /* Webkit browsers */
    border-radius:7px;            /* W3C syntax */
}
.center_area .button.last{margin-right: 0px!important;}
.iosSliderButtons .selected {
    background: #fff;
    opacity: 1;
    border: 1px solid #fff;
    -moz-border-radius: 7px;      /* Gecko browsers */
    -webkit-border-radius: 7px;   /* Webkit browsers */
    border-radius:7px;            /* W3C syntax */
}

.map_tc .next {
    position: absolute;
    bottom: 0px;
    right: 229px;
    width: 28px;
    height: 44px;
    animation:nextanmep1 2s infinite;
    -moz-animation:nextanmep1 2s infinite; /* Firefox */
    -webkit-animation:nextanmep1 2s infinite; /* Safari and Chrome */
    transform:rotate(180deg);
    -ms-transform:rotate(180deg); 	/* IE 9 */
    -moz-transform:rotate(180deg); 	/* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg); 	/* Opera */
    z-index: 999;
}

.map_tc .prev {
    position: absolute;
    bottom: 0px;
    left: 229px;
    width: 28px;
    height: 44px;
    animation:prevanmep1 2s infinite;
    -moz-animation:prevanmep1 2s infinite; /* Firefox */
    -webkit-animation:prevanmep1 2s infinite; /* Safari and Chrome */
    z-index: 999;
}



@keyframes nextanmep1
{
    0%   {right: 230px;}
    50%   {right: 240px;}
    100%   {right: 230px;}
}
@-moz-keyframes nextanmep1 /* Firefox */
{
    0%   {right: 230px;}
    50%   {right: 240px;}
    100%   {right: 230px;}
}

@-webkit-keyframes nextanmep1 /* Safari and Chrome */
{
    0%   {right: 230px;}
    50%   {right: 240px;}
    100%   {right: 230px;}
}
@keyframes prevanmep1
{
    0%   {left: 230px;}
    50%   {left: 240px;}
    100%   {left: 230px;}
}
@-moz-keyframes prevanmep1 /* Firefox */
{
    0%   {left: 230px;}
    50%   {left: 240px;}
    100%   {left: 230px;}
}

@-webkit-keyframes prevanmep1 /* Safari and Chrome */
{
    0%   {left: 230px;}
    50%   {left: 240px;}
    100%   {left: 230px;}
}




.jpg_area{
    left: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 100%;
    height: 388px;
}
.jpg_area .slider {
    width: 100%;
    height: 388px;
}
.jpg_area .slider .item {
    float: left;
    width: 100%;
    height: 388px;
    padding: 0;
}
.jpg_area .iosSliderButtons {
    position: absolute;
    bottom: 27px;
    left: 0px;
    width: 100%;
    height: 10px;
}
.jpg_area .center_area{
    width: 145px;
    height: 100%;
    left: 237px;
    position: absolute;
}


.stk_area_main{
    left: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 100%;
    height: 388px;
}
.stk_area_main .slider {
    width: 100%;
    height: 388px;
}
.stk_area_main .slider .item {
    float: left;
    width: 100%;
    height: 388px;
    padding: 0;
}
.stk_area .iosSliderButtons {
    position: absolute;
    bottom: 27px;
    left: 0px;
    width: 100%;
    height: 10px;
}
.stk_area .center_area{
    width: 303px;
    height: 100%;
    left: 176px;
    position: absolute;
}

@media screen and (max-width: 1920px) {
    .main_menu{left: 130px;}
}
@media screen and (max-width: 1820px) {

}
@media screen and (max-width: 1720px) {

}
@media screen and (max-width: 1620px) {
    .main_menu{left: 80px;}
}
@media screen and (max-width: 1520px) {
}
@media screen and (max-width: 1420px) {
    .main_menu{left: 50px;}
}
@media screen and (max-width: 1320px) {
    .main_menu{left: 17px;}
}
@media screen and (max-width: 1220px) {

}
@media screen and (max-width: 1120px) {

}


@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 990px) {

}


@media screen and (max-width: 641px) {

}
@media screen and (max-width: 481px) {

}
@media screen and (max-width: 415px) {

}
@media screen and (max-width: 376px) {

}
@media screen and (max-width: 361px) {

}
@media screen and (max-width: 321px) {

}


@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone4/4s */

}

@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */

}


@media (device-height:667px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6 */

}

@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6 Plus */


}
#turnBox{ width:100%; height:100%; background:#131313; position:fixed; left:0; top:0; z-index:99999; display:none; opacity:1.0;}
#turnBox span img{ position:absolute; display:block; left:50%; top:50%; margin-left:-100px; margin-top:-69px; width:200px; height:138px;}